<template>
  <a-tabs style="background-color: white" v-model:active-key="currentPage" size="mini">
    <a-tab-pane key="SpecificationLibrary" title="规格库" />
    <a-tab-pane key="SpecificationTem" title="规格模板" />
  </a-tabs>
  <component :is="currentPage" />
</template>

<script lang="ts">
  import { defineComponent, ref, reactive, toRefs } from 'vue'
  import SpecificationLibrary from './components/specificationLibrary.vue'
  import SpecificationTem from './components/specificationTem.vue'
  export default defineComponent({
    components: { SpecificationLibrary, SpecificationTem },
    setup() {
      const data: any = reactive({
        currentPage: 'SpecificationLibrary',
      })
      return {
        ...(toRefs(data) as any),
      }
    },
  })
</script>

<style lang="less" scoped></style>
